PROJECT DESCRIPTION
Develop a system of two to three integrated apps for an existing profession or life situation. Your app will function slightly differently on each device where it runs (phone/tablet, tablet/desktop, or desktop/phone). This assignment explores how people use technology to work together and how to design interface systems that can be applied to different platforms.
STEP 1: RESEARCH
App ideas:
Virtual Medical Care - Dr and patient app
Daycare progress - daycare providers and parents app
Remote learning - teacher and students app
Homework - teacher and students app
Student progress - teacher and parents app
Car maintenance app - vehicle owner and manufacturer
Recipe app - person cooking and chef posting recipes
School bus locator app - school bus driver and parent app
Fire locator - fire department and resident app
Lawyer communication app - lawyer and client app
Web Designer and client app
Gift Giving app - Parent and party guest
Physical therapy and patient app
Fitness instructor and client app
Company feedback app - customer and company
Home Security app - customer and security company
Home Security app - customer and police/fire dept.
App Idea Choice:
Doctor/Patient Telehealth App
STEP 2: RESEARCH - CURRENT MEDICAL TELEHEALTH APPS
Current App: MEND
Current App: BETTER HELP
Current App: DR. ON DEMAND
Current Medical Apps:
- Don't have the ability for the user to insert their own medications, supplements, blood pressure, weight, or food choices.
- Often don't have a place for the user to request a refill.
- Don't connect to the pharmacy apps.
- Are typically not easy to use or straight forward.
STEP 3: PERSONAS
PATIENTS:
USER 1
30 year old mother of 2 with a chronic thyroid condition.
USER 2
24 year old male college student with ADHD.
USER 3
35 year old father who uses the app for his children.
MEDICAL PROVIDERS:
USER 1
40 year old pediatrician.
USER 2
26 year old Physician Assistant for an Urgent Care.
USER 3
20 year old nurse who sends in prescriptions for the doctor.
STEP 4: SCENARIOS
PATIENTS:
SCENARIO 1
You developed a cough and fever over night. Use the app to schedule an appointment with your doctor.
SCENARIO 2
You need to look back at your previous appointment and see what dose of Vitamin D your doctor asked you to start taking. Use the app to look up your current prescriptions.
SCENARIO 3
You need to cancel your child's well-check because they have the flu. Use the app to cancel your currently scheduled appointment.
MEDICAL PROVIDERS:
SCENARIO 1
You are just getting to work and want to see what your day looks like. Use the web app to view all of your appointments for the day.
SCENARIO 2
You need to view a patient's medication list. Use the web app to view Matthew McConaughey's medication list.
SCENARIO 3
You need to look up a patient's lab results. Use the web app to view Sandra Bullock's lab results.
STEP 5: RESEARCH & FEEDBACK
Current Medical Apps:
- Don't have the ability for the user to insert their own medications, supplements, blood pressure, weight, or food choices.
- Often don't have a place for the user to request a refill.
- Don't connect to the pharmacy apps.
- Are typically not easy to use or straight forward.
User Feedback:
I asked 6 patient users what they would use a medical app for and which features would be most important to them. The results are below:
1. (Most important) Virtual visits: Talk to the Doctor without having to physically go to their office.
2. Message doctor: Sending them a message without having to go to their office.
3. Refill prescriptions: Get prescriptions refilled without going in.
4. Shot record: View shot record and when you got them and see when I am due for next shots.
5. Past doctor instructions: Look at what doctors have said about visits and what they recommended.
6. (Least Important) See past doctor notes.
See the graph of most to least important for each of the 6 individuals below:
STEP 6: WIREFRAME
STEP 7: SKETCHES
STEP 8: USABILITY TESTING
USER 1
User 1 had some difficulty completing the tasks because each button and section was not labeled. They understood the general idea of how to navigate the app and reported they like the layout and general feel of the app.
TESTING CONCLUSIONS
It is important to label everything on the interface and make sure that it is possible to navigate to each section effortlessly.
STEP 9: DIGITAL SKETCHES
Home Page Options
Digital Sketches
STEP 10: USABILITY TESTING - ITERATION 2
USER 1
User 1 was able to navigate the interface, but had some trouble getting the tasks done. Many of the buttons user 1 thought were clickable weren't and therefore he was confused on where to go.
USER 2
User 2 was able to navigate the interface with less touches than user 1. They were able to complete tasks 1 and 2 without any problems, but had a hard time with navigating task 3.
TESTING CONCLUSIONS
I need to make sure that it is as easy as possible for my users to navigate the interface and complete the tasks.
STEP 11: ITERATION 3
STEP 12: ITERATION 3 - PROTOTYPES
STEP 13: ITERATION 3 - USER TESTING
USER 1
User 1 was able to successfully complete all tasks. They mentioned that the mobile app was easier to navigate than before and liked how everything they wanted to click was clickable.
USER 2
User 2 was also able to complete all tasks. They mentioned that both the desktop and mobile apps are more visually appealing than they used to be and mentioned that they liked how cohesive the site felt. They mentioned that sometimes the scroll feature worked and sometimes it didn't. They also mentioned that some pages scrolled excessively when the amount of data on the page didn't need to.
STEP 14: ITERATION 4
STEP 15: ITERATION 4 - USER TESTING
USER 1
User 1 was able to successfully complete all tasks. They mentioned that the mobile app was easier to navigate than before and liked how everything they wanted to click was clickable.
USER 2
User 2 was also able to complete all tasks. They mentioned that both the desktop and mobile apps are more visually appealing than they used to be and mentioned that they liked how cohesive the site felt. They mentioned that sometimes the scroll feature worked and sometimes it didn't. They also mentioned that some pages scrolled excessively when the amount of data on the page didn't need to.
STEP 16: FINAL DESIGNS - ALL SCREENS
STEP 17: FINAL PROTOTYPES
STEP 18: BRAND GUIDELINES
STEP 19: FINAL DESIGNS
STEP 16: CONCLUSION
This project was really fun and also complicated. I am grateful for the skills that I learned while designing the two apps together. It was sometimes difficult for me to coordinate the apps together, but once I was able to speak with doctors, nurses, patients and other users, I was able to organize my ideas and adjust my designs.
